<%@page import="facade.Facade"%>
<%@page import="javax.naming.InitialContext"%>
<%@page import="vos.ClienteVO"%>
<%@page import="java.util.List"%>
<%@page import="sessionbeans.AdministradorClientesBean"%>
<%@page import="sessionbeans.AdministradorClientes"%>
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@page isELIgnored ="false" %>
    

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Listado de clientes</title>
<link rel="stylesheet" href="styles/table.css" type="text/css" media="screen" /> 
<script language="JavaScript">
function eliminarCliente(idCliente){
	<%-- Le asigno el id al input hiden que envio dentro del form--%>
	document.getElementById("idClienteSeleccionado").value = idCliente;
	document.listadoClientes.action = "EliminarClienteServlet";
	document.listadoClientes.submit();
}
function editarCliente(idCliente){
	document.getElementById("idClienteSeleccionado").value = idCliente;
	document.listadoClientes.action = "SetupEditarClienteServlet";
	document.listadoClientes.submit();
}
</script>

</head>
<body>
<a href="./pages/nuevoCliente.jsp">Nuevo Cliente</a>
<form name="listadoClientes">
	<table id="hor-minimalist-b">
		<tr>
			<th>Id</th>
			<th>Nombre</th>
			<th>Apellido</th>
			<th>Dni</th>
			<th>Telefono</th>
			<th>Descuento&nbsp;(%)</th>
			<th>Condicion de venta</th>
			<th></th>
		</tr>
		<%
		List<ClienteVO> clientesVO = (List<ClienteVO>)request.getAttribute("clientesVO");
		for(ClienteVO clienteVO : clientesVO){%>
		<tr>
			<td><%=clienteVO.getId()%></td>
			<td><%=clienteVO.getNombre()%></td>
			<td><%=clienteVO.getApellido()%></td>
			<td><%=clienteVO.getDni()%></td>
			<td><%=clienteVO.getTelefono()%></td>
			<td><%=clienteVO.getDescuento()%></td>
			<td><%=clienteVO.getCondicionVentaVO().toString()%></td>
			
			<td>
				<img src="images/edit.png" style="cursor:hand" 
					alt="Editar el cliente" 
					onclick="javascript:editarCliente('<%=clienteVO.getId()%>');"/>
				<img src="images/delete.gif" style="cursor:hand" 
					alt="Eliminar el cliente" 
					onclick="javascript:eliminarCliente('<%=clienteVO.getId()%>');"/>	
            </td>
		</tr>	
		<%}%>
	</table>
	<input type="hidden" id="idClienteSeleccionado" name="idClienteSeleccionado"/>
</form>
</body>
</html>